// @Author: KamiSama
// @Date:   2016-08-29T00:30:12+08:00
// @Email:  kamisama.lwh@qq.com
// @Last modified by:   kamisama
// @Last modified time: 2016-08-31T10:46:28+08:00



.my_icon {
    font-size: 2rem;
}

.my_layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;

    .my_header {
        height: 4rem;
        width: 100%;
        background: #424040;
        position: relative;

        .my_layout_back {
            width: 4rem;
            height: 4rem;
            position: absolute;
            left: 0;
            top: 0;
            display: -webkit-flex;
            -webkit-flex-direction: row;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            i {
                color: #fff;
                &:visited {
                    color: #fff;
                }
                &:active {
                    color: #828282;
                }
            }
        }

        .my_layout_right {
            width: 4rem;
            height: 4rem;
            position: absolute;
            right: 1rem;
            top: 0;
            display: -webkit-flex;
            -webkit-flex-direction: row;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            color: #fff;
            font-size: 1.2rem;
        }

        .no_menu {
            display: none;
        }

        .my_layout_title {
            line-height: 3;
            text-align: center;
            color: #fff;
            font-size: 1.4rem;
        }
    }
    .my_content {
        -webkit-flex: 1;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    .pkl-profile-panel {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        transition: left .5s ease;

        .menu-bar {
            width: 18rem;
            background: #3a3a3a;
            height: 100%;
            box-shadow: 0 0 20px #000000;
            font-size: 1.4rem;
            padding: 2rem;

            a {
                display: inline-block;
                padding: 1rem;
                color: #fff;
            }
        }
    }
}
